initArtCateList()
let {
    layer,
    form
} = layui
// 获取文章分类的列表
function initArtCateList() {
    $.ajax({
        method: 'GET',
        url: '/my/article/cates',
        success: function (res) {
            var htmlStr = template('tpl-table', res)
            $('tbody').html(htmlStr)
        }
    })
}

let indexAdd = null
//为添加类别按钮绑定点击事件
$('#btnAddCate').on('click', function () {
    //弹出层
    indexAdd = layer.open({
        type: 1,
        area: ['500px', '250px'],
        title: '添加文章分类',
        content: $('#dialog-add').html()
    })
})

//通过代理的方式为form-add表单绑定提交事件
$('body').on('submit', '#form-add', function (e) {
    e.preventDefault()
    $.ajax({
        method: 'POST',
        url: '/my/article/addcates',
        data: $(this).serialize(), //快速获得表单的值
        success: function (res) {
            if (res.status !== 0) {
                return layer.msg('新增分类失败！')
            }
            initArtCateList() // 获取文章分类的列表
            layer.msg('新增分类成功')
            layer.close(indexAdd)
        }
    })
})

//通过代理的方式为修改按钮绑定提交事件
var indexEdit = null
$('tbody').on('click', '.btn-edit', function () {
    //弹出修改文章分类信息的层

    indexEdit = layer.open({
        type: 1,
        area: ['500px', '250px'],
        title: '修改文章分类',
        content: $('#dialog-edit').html()
    })
    var id = $(this).data('id')
    // console.log(id);
    // 发起请求获得对应的数据
    $.ajax({
        method: 'GET',
        url: '/my/article/cates/' + id,
        success: function (res) {
            // console.log(res);
            form.val('form-edit', res.data)
        }
    })
})

//通过代理的方式为form-edit表单绑定提交事件
$('body').on('submit', '#form-edit', function (e) {
    e.preventDefault()
    $.ajax({
        method: 'POST',
        url: '/my/article/updatecate',
        data: $(this).serialize(),
        success: function (res) {
            if (res.status !== 0) {
                return layer.msg('更新分类数据失败！')
            }
            layer.msg('更新分类数据成功！')
            layer.close(indexEdit)
            initArtCateList()
        }
    })
})

//通过代理的方式为删除按钮添加点击事件
$('tbody').on('click', '.btn-delete', function () {
    var id = $(this).data('id')
    // 提示用户是否要删除
    layer.confirm('确认删除?', {
        icon: 3,
        title: '提示'
    }, function (index) {
        $.ajax({
            method: 'GET',
            url: '/my/article/deletecate/' + id,
            success: function (res) {
                if (res.status !== 0) {
                    return layer.msg('删除分类失败！')
                }
                layer.msg('删除分类成功！')
                layer.close(index)
                initArtCateList()
            }
        })
    })
})